﻿<!DOCTYPE html>
<html>

<head>
    <title>管理员登录</title>
    <script src="/script/jquery.min.js"></script>
    <script src="/script/zui/js/zui.min.js"></script>
    <link href="/script/zui/css/zui.min.css" rel="stylesheet">
    <link href="/style/main.css" rel="stylesheet" />
    <link rel="stylesheet" href="/style/global.css">


    <script src="/script/lib.js"></script>
    <script src="/script/main.left.menu.js"></script>
    <script src="/script/main.js"></script>
</head>

<style>
    body {
        margin: 0;
        position: relative;
        width: 100%;
        height: 100vh;
        background-color: #F7F7F7 !important;
        background-image: url("http://pic1.win4000.com/wallpaper/2017-11-29/5a1e7b4196cb5.jpg");
        background-size: 100% 100%;
        background-repeat: no-repeat
    }
    
    .myapp-login-logo-text {
        font-weight: 700;
        font-size: 30px;
        text-align: center;
        margin-bottom: 30px;
    }
    
    .myapp-login-logo-text span {
        color: #0ae;
    }
    
    .myapp-login-logo-block {
        width: 100%;
    }
    
    .login {
        width: 500px;
        box-shadow: 0 0 50px #ddd;
        margin: 10% auto;
        border-radius: 6px;
        padding: 76px;
        background: #fff;
    }
    
    .login input {
        height: 42px;
        border-radius: 42px;
        background-color: #f2f2f2;
        border: 0;
        padding-left: 50px !important;
        font-size: 16px;
    }
    
    .form-control.focus,
    .form-control:focus {
        border-color: #fff;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, .05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, .05);
    }
    
    .login .input-control-icon-left {
        height: 42px;
        line-height: 42px;
        left: 20px;
    }
    
    .login .input-control-icon-left .icon {
        font-size: 18px
    }
    
    .login-view {
        position: absolute;
        width: 60%;
        right: 0;
        padding: 100px;
        background-color: #f7f7f7;
        height: 100%;
    }
    
    .login-item {
        margin-bottom: 30px;
    }
    
    #btn-submit {
        border-radius: 20px;
    }
</style>

<body>
    <div class="login-view">
        <div class="login">
            <div class="myapp-login-logo-text"><span>欢迎登陆</span> <i class="am-icon-skyatlas"></i></div>
            <div class="login-item">
                <div class="input-control has-icon-left">
                    <input class="form-control" type="text" data-form="Account" placeholder="用户名" maxlength="16" />
                    <label class="input-control-icon-left"><i class="icon icon-user "></i></label>
                </div>
            </div>
            <div class="login-item">
                <div class="input-control has-icon-left">
                    <label class="input-control-icon-left"><i class="icon icon-key"></i></label>
                    <input class="form-control" type="password" data-form="PassWord" placeholder="密码" maxlength="16" />
                </div>
            </div>
            <a href="javascript:;" id="btn-submit" class="btn btn-primary btn-block btn-lg">登 录</a>
        </div>
    </div>
</body>

</html>